<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		/*
		 1.独自霸占一行(不管内容多少)
		 2.可以设置宽高
		 3.可以设置四个方向的内外边距
		 * */
			.block{
				/*只有复合属性font有顺序要求
				
				 * */
				background:skyblue;
				width: 100px;
				height: 100px;
				margin-top: -50px/* margin可设置负值*/;
				margin-bottom: 100px;
			}
			
			.block2{
				background: red;
				width: 100px;
				height: 100px;
				margin-top: 150px;
				/*外边距在垂直方向上，会重合，取最大值，作为两个元素之间的垂直间隙。
				 * 块级在水平方向不会外边距重叠。
					最好只设置一个元素的外边距。
				* */
			}
		</style>
	</head>
	<body>
		<div class="block">
			我是一个块级代表
		</div>
		<div class="block2">我是路过</div>
	</body>
</html>
